<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <title>Headline</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>

  <!-- Google Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'>

  <!-- Revolution css -->
  <link rel="stylesheet" type="text/css" href="vendor/rs-plugin/css/settings.css" media="screen"/>
  <link rel="stylesheet" href="vendor/rs-plugin/css/extralayer.css">
  
  <!-- Flat icon css -->
  <link rel="stylesheet" href="vendor/flat-icon/flaticon.css">
  
  <!-- Font awesome -->
  <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  
  <!-- Owl Carosel css -->
  <link rel="stylesheet" href="vendor/owl/css/owl.carousel.css">
  <link rel="stylesheet" href="vendor/owl/css/owl.theme.default.css">
  <link rel="stylesheet" href="vendor/owl/css/owl.theme.css">
  
  <!-- mmenu -->
  <link type="text/css" rel="stylesheet" href="vendor/mmenu/css/jquery.mmenu.css" />
  
  <!-- Bootstrap css -->
  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css">

  <!-- Animate css -->
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/set_7.css">
  
  <!-- Custom Style css -->
  <link rel="stylesheet" href="css/hover.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/responsive.css">
  <link rel="stylesheet" type="text/css" href="css/reconsitution.css">
    

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')
</script>
<![endif]-->




</head>
<body>

<!-- slider -->
<header  class="header-part">


  <div id="home" class="wrapper">
    <!-- Fixed navbar -->
    <div class="navi navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-heade page-scroll">
          <a class="navbar-brand" href="#"> <img src="img/logo.png" class="logo" alt="Headline"></a>
        </div>
        <div id="navbar" class="navbar-collaps collaps pull-left hidden-xsc">
          <ul class="nav navbar-ori">
            <li ><a class="page-scroll" href="index.html">HOME</a></li>
            <li> 
            <a class="page-scroll" href="##">VIDEO</a>
            </li>
            <li>
                <a class="page-scroll" href="##">ABOUT</a>
             </li>
           <!-- <li class="dropdown"> <a class="page-scroll drop dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">ABOUT</a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#team">team</a></li>
                <li><a href="#partner">cooperation</a></li>
                <li><a href="#warning">Risk warning</a></li>
                <li><a href="#us">contact us</a></li>
              </ul>
            </li> -->
        </ul>
        <ul class="nav add-nav">
            <li ><a class="page-scroll" href="index.html">TEAM</a></li>
            <li> 
            <a class="page-scroll" href="video.html">COOPERATION</a>
            </li>
            <li> <a class="page-scroll">RISK WARNING</a>
            </li>
            <li> <a class="page-scroll">CONTACTUS</a>
            </li>
        </ul>
      </div>
      <div class="pull-right">
        <a href="##">
        <!-- <a href="./action.html"> -->
          <img src="img/tokensale.png">
        </a>
      </div>
      <!--/.nav-collapse -->
    </div>
  </div><!-- End of Nav -->
</div>
</header>


    <!-- slider -->
      <div class="tp-banner-container">
      <div class="tp-banner" style="height: 470px">
      
      
        <ul>  <!-- SLIDE  -->
          <li data-transition="fade" data-slotamount="25" data-masterspeed="2500"  data-thumb="img/slider/slider_img_01.jpg"  data-saveperformance="off">
            <!-- MAIN IMAGE -->
            <img src="./img/bg.png"  alt="fullslide2" data-bgposition="center center" data-kenburns="on" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="center center">
           <!-- LAYERS -->
         <div  style="display: flex;justify-content: center;">
            <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme head-tag"
            data-x="60"
            data-y="200" 
            data-speed="1500"
            data-start="4000"
            data-easing="Power3.easeInOut"
            data-splitin="chars"
            data-splitout="none"
            data-elementdelay="0.1"
            data-endelementdelay="0.1"
            data-endspeed="300"
            style="letter-spacing: 0.4px; z-index: 5; max-width: auto; max-height: auto; font-size:45px;white-space: nowrap;color:#fff;margin-left: 20px;"><h1>A blockchain-based media ecosystem</h1>
          </div>
  </div>
    <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme head-tag"
      data-x="60"
      data-y="280" 
      data-speed="500"
      data-start="4000"
      data-easing="Power3.easeInOut"
      data-splitin="chars"
      data-splitout="none"
      data-elementdelay="0.01"
      data-endelementdelay="3"
      data-endspeed="500"
      style="letter-spacing: .3px; z-index: 5; max-width: auto; max-height: auto; font-size:28px;white-space: nowrap;color:#fff;">
      <h1>Our mission is to enable everyone to have his or her information shared equally and</h1>
    </div>
          
    <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme head-tag"
      data-x="60"
      data-y="310" 
      data-speed="500"
      data-start="4000"
      data-easing="Power3.easeInOut"
      data-splitin="chars"
      data-splitout="none"
      data-elementdelay="0.01"
      data-endelementdelay="0.1"
      data-endspeed="30"
      style="letter-spacing: .3px; z-index: 5; max-width: auto; max-height: auto; font-size:28px;white-space: nowrap;color:#fff;">
       <h1>to enable everyone to profit from such sharing.</h1>
    </div>
         <!--   LAYER NR. 5 -->
    <div class="tp-caption lfr tp-resizeme start-button"
      data-x="60"
      data-y="520" 
      data-speed="1000"
      data-start="4000"
      data-easing="Power3.easeOut"
      data-splitin="none"
      data-splitout="none"
      data-elementdelay="0.05"
      data-endelementdelay="0.1"
      data-endspeed="500"
      data-endeasing="Power4.easeIn"
      style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
      
       <div class="set_7_btn-wrapper">
          <div id="set_7_text"> <a href="./file/HeadlineChain-Whitepaper-V1.0.pdf" id="mybtn" class="btn" style="letter-spacing: .5px;font-size: 18px;margin-top: -50px;padding: 10px 25px 10px 50px;">Whitepaper</a></div>
        </div>
      </div>
    </div>
</li>
</ul>
</div>
</div>

<section id="about" class="who-we-are section-padding" style="margin-top: 0">
    <div class="wow zoomIn text-center">
        <h1>What is Headline?</h1>
        <p style="font-size: 16px;" class="intro pre">
          Headline is a blockchain eco-platform developed to break up the restriction on traditional media -- the inability for traditional media to 
          have integrated attributes and capabilities involving users, platform, applications, and data.
        <p>
    </div>
    <div class="black-divider"></div>
    <div class="container">
        <div class="row flexs">
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="section-light users">
                    <i></i>
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p style="font-size: 15px;">USERS</p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="section-light platform">
                    <i></i>
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p style="font-size: 15px;">PLATFORM</p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="section-light application">
                    <i></i>
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p style="font-size: 15px;">APPLICATIONS</p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="section-light data">
                    <i></i>
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p style="font-size: 15px;">DATA</p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
        </div>
        <!--/row-->
    </div>
    <p style="font-size: 16px;" class="text-center intro pre">
      Headline as a platform can help solve the user portal problem with traditional media, perform the platform's content system or application ecology, and make use of the new thinking from the field of big data to transform the value chain of media products and the management processes of media organizations.
    <p>

    <!-- /container -->
</section>
<section id="scenarios" class="who-we-are section-padding" style="margin-top: 0">
    <div class="wow zoomIn text-center">
        <h1>Headline Scenarios</h1>
        <p style="font-size: 16px;" class="intro">
            Build up a truly platform-based business model and profit-making mechanism.
            <p>
    </div>
    <div class="black-divider"></div>
    <div class="scenarios-list zoomIn wow">
        <div class="scenarios-img">
            <img src="img/scenarios1.png">
        </div>
        <div class="scenarios-number">
            <p class="number">1</p>
            <p>Scenarios</p>
        </div>
        <div class="scenarios-text">
            <h3>Scenarios 1 : Automatic forecast</h3>
            <p class="pre">
                Decentralized big data can be used to predict market dynamics and empower media organizations to understand users, markets, competitors and partners effectively.
            </p>
        </div>
    </div>
    <div class="scenarios-list zoomIn wow">
        <div class="scenarios-text">
            <h3>Scenarios 2 : Fragmentation</h3>
            <p class="pre">
                Allow a large number of third parties to develop functional components on the platform. The greatest value of fragmentation application ecology lies in the fact that it solved the contradiction between the limited production capacity as well as the small number of media products both of traditional media and the unlimited needs from diversified and individualized users.
            </p>
        </div>
        <div class="scenarios-number">
            <p class="number">2</p>
            <p>Scenarios</p>
        </div>
        <div class="scenarios-img">
            <img src="img/scenarios2.png">
        </div>
    </div>
    <div class="scenarios-list zoomIn wow">
        <div class="scenarios-img">
            <img src="img/scenarios3.png">
        </div>
        <div class="scenarios-number">
            <p class="number">3</p>
            <p>Scenarios</p>
        </div>
        <div class="scenarios-text">
            <h3>Scenarios 3 : Protection of rights</h3>
            <p class="pre">
                Everyone shares his or her information in the ecological platform. With community autonomy and a decentralized operational mechanism, every user participates in the construction and operation of the ecological platform.
            </p>
        </div>
    </div>
    <div class="scenarios-list zoomIn wow">
        <div class="scenarios-text">
            <h3>Scenarios 4 : Open eco-platform</h3>
            <p class="pre">
                Everyone shares his or her information in the ecological platform. With community autonomy and a decentralized operational mechanism, every user participates in the construction and operation of the ecological platform.
            </p>
        </div>
        <div class="scenarios-number">
            <p class="number">4</p>
            <p>Scenarios</p>
        </div>
        <div class="scenarios-img">
            <img src="img/scenarios4.png">
        </div>
    </div>
</section>


<!-- Vision -->
<section id="vision" class="clean-idea section-padding">
    <div class="container">
        <div class="row">
            <div class="wow zoomIn col-xs-12 text-center">
                <p style="color: white;font-weight: bold;font-size: 35px;">Vision</p>
                <p style="color: white;font-weight: bold;">
                    Build up a truly platform-based business model and profit-making mechanism
                </p>
            </div>
            <!-- col-xs-12 -->
        </div>
        <!-- row-->
    </div>
    <!-- container -->
    <div class="white-divider"></div>
    <p class="pre text-center vision-intro zoomIn wow">
        On the basis of the Headline platform
        Build up a truly platform-based business model and profit-making mechanism.
        With this mechanism, all partners share the profit, which highlights the characteristics of the hosting business model.
        Different applications share the same data technology framework, which emphasizes the ability to host media products or applications provided by different partners.
    </p>
</section>
<!-- Vision -->



<section id="about" class="who-we-are section-padding" style="margin-top: 0">
    <div class="wow zoomIn text-center">
        <h1>Headline TIME</h1>
        <p style="font-size: 16px;" class="intro pre">
          Headline is a blockchain eco-platform developed to break up the restriction on traditional media -- the inability for traditional media to 
          have integrated attributes and capabilities involving users, platform, applications, and data.
        <p>
    </div>
    <div class="black-divider"></div>
    <div class="container">
        <div class="row flexs">
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="person" style="margin-top: 15px;">
                    <img src="img/person1.png">
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p class="person-name person-name-big">CEO Robin Schroeter</p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
        </div>
        <!--/row-->
        <p class="pre text-center" style="color: #5c6268; font-size: 16px;margin-bottom: 25px;">2014-2016MA in Directing at Chalongkom University,“The Body Alphabets"by Jorge Pareme,physical and vocal techniques developed
            by Zygmunt Molik and Jerzy Grotowski workshopChekov Technique by Carlos Nicolu Antunes Focus Group:Intensive physical training with
            B-floor
        </p>
        <div class="row flexs">
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="person" style="margin-top: 15px;">
                    <img src="img/person2.png">
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p class="person-name">Anastaia Maslova</p>
                    <p class="pre text-center person-intro">ICO consultant and CEO in operation for Asia Pacific region.Well exchange of cross border e-coin trade.
                    </p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="person" style="margin-top: 15px;">
                    <img src="img/person3.png">
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p class="person-name">DANNY B</p>
                    <p class="pre text-center person-intro">WORKING EXPERIENCES
                        BARCELONA ASIA TOUR 2013,CHELSEA FC and NITTO PARTNERSHIP 2014
                    </p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="person" style="margin-top: 15px;">
                    <img src="img/person4.png">
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p class="person-name">Dr. Srowcha</p>
                    <p class="pre text-center person-intro">TV NEWS ANCHOR
                        Hosted the English news program,NBT World Channel,Public Relations Department
                    </p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="person" style="margin-top: 15px;">
                    <img src="img/person5.png">
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p class="person-name">Alex winters</p>
                    <p class="pre text-center person-intro">ICO consultant and CEO in operation for Asia Pacific region.Well exchange of cross border e-coin trade.
                    </p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
                <div class="person" style="margin-top: 15px;">
                    <img src="img/person6.png">
                </div>
                <!-- /.icon-circle -->
                <div class="who-we-are-title text-center">
                    <p class="person-name">Wiesmann Selina</p>
                    <p class="pre text-center person-intro">Selina Wiesmann is a Thai/Swiss actress,model,TV host.
                    </p>
                </div>
                <!-- /.who-we-are-content -->
            </div>
            <!-- /.col-xs-6 -->
        </div>
        <!--/row-->
    </div>
</section>
<section id="team" class="clean-idea our-team section-padding" style="background: url(./img/background.png)no-repeat center center fixed;">
    <div class="container">
        <div class="row">
        </div>
        <!-- row -->
        <div id="rows" class="row">
            <h1 class="team-title">Elites from all over the world</h1>
            <p class="text-center">Excellent specialists who concentrates on block chain and digital media</p>
            <!-- team1 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team1.jpg" alt="partner1">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Robert Faust</span>
                    <br> the head of global measurement and insight. leads the company to explore new media development trend and digita
                </div>
            </div>
            <!-- team4 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team4.jpg" alt="partner3">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Eric Cargol</span>
                    <br> Eric takes front in media and digital brand promotion and psychological research. He is devoted to investigate customers in increased complexity of global environment.
                </div>
            </div>
            <!-- team3 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team6.jpg" alt="partner3">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Patrick Woglom</span>
                    <br> Patrick is a bellwether of developing creative data driver research scheme. These solution to research result become evidence of marketing strategy. His one of domain area is digital ad investment rate analysis method.
                </div>
            </div>
            <!-- team2 -->
            <div class=" wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team2.jpg" alt="partner2">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Jason Friesenborg</span>
                    <br> Jason specializes in research analysis and effective storytelling. He is capable to help cross-field customers obtain the biggest benefits from the budget of research and budget.
                </div>
            </div>
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team5.jpg" alt="partner3">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Amy Wright</span>
                    <br> She is devoted to improve operating efficiency and cooperation and support technology. She has a lot of experience of market analysis , brand strategy and competitive intelligence.
                </div>
            </div>
            <!-- team6 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team3.jpg" alt="partner3">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Selina Ruze</span>
                    <br> make the newest brlargest companies. Digital advertisement effect and multi-media ad campaign are his area of expertise.and analysis and measurement for many of the world’s
                </div>
            </div>
            <!-- team7 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team7.jpg" alt="partner3">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Joline</span>
                    <br> Joline is a product designer and marketer, who is particularly understand digital audiences. She is an authority figure of study digital advertisements for long time.
                </div>
            </div>
            <!-- team8 -->
            <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 team-list">
                <div class="grid">
                    <figure class="effect-duke">
                        <img class="img-responsive" src="./img/team8.jpg" alt="partner3">
                        <figcaption>
                            <div class="icon-holder">
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="team-designation">
                    <span>Margaret Hung</span>
                    <br> At early stage Margaret worked on online advertisement effect and cross-media measurement. She is an expert of digital media investment rate are. Now she is in charge of intelligent solution and strategic business in Millward Brown Digital.
                </div>
            </div>
        </div>
        <!-- row -->
    </div>
    <!-- container -->
</section>
<!-- our team -->

  <section id="partner" class="our-team section-padding">
  <div class="container">
    <div class="row" style="margin-bottom: 30px;">
      <div class="wow zoomIn col-xs-12 text-center">
        <h1>Helvetica Neue Light</h1>
        <p class="section-title" >Build up a truly platform-based business model and profit-making mechanism.</p>
      </div>
    </div><!-- row -->
    <div class="row flexs">
     <!-- partner1 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="./img/partner1.png" alt="partner1">
            <figcaption>
              <div class="icon-holder">
               <span><a href="http://intechproductions.com/" class="btn btn-primary" style="border:1px solid #fff;opacity:0.3;">
	In Technical Productions Holdings Limited</a></span>
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
        </div>
      </div>
       <!-- partner2 -->
      <div class=" wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="./img/partner2.png" alt="partner2">
            <figcaption>
              <div class="icon-holder">
                 <span><a href="http://www.ddhl.com/" class="btn btn-primary" style="border:1px solid #fff;opacity:0.3;">
	Digital Domain Holdings Limited</a></span>
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
        </div>
      </div>
      <!-- partner3 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="./img/partner3.png" alt="partner3">
            <figcaption>
              <div class="icon-holder">
                <span><a href="./file/partner3.pdf" class="btn btn-primary" style="border:1px solid #fff;opacity:0.3;">
	Co-Prosperity Holdings Limited</a></span>
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
        </div>
      </div>
    </div><!-- row -->
  </div><!-- container -->
</section><!-- our team -->



  
  

<!-- footer -->
<footer id="us">
    <div class="footer-wrapper section-padding">
        <div class="container">
            <div class="row">
                <p class="footer-heading" style="font-size: 35px;">Contact Us</p>
                <ul class="footercontact">
                    <li class="footer-icon">
                        <a href="##"><img src="img/icon/facebook.png" style="width: 34%"></a>
                    </li>
                    <li class="footer-icon">
                        <a href="##"><img src="img/icon/twitter.png"></a>
                    </li>
                    <li class="footer-icon">
                        <a href="##"><img src="img/icon/google.png"></a>
                    </li>
                    <li class="footer-icon">
                        <a href="##"><img src="img/icon/linkedin.png"></a>
                    </li>
                </ul>
                <p style="margin: 30px">© 2018 All rights reserved. <a href="##" title="Headline">Headline</a></p>
                <div class="subscribe">
                    <input required id="emailAddress" type="email" class="form-control form-control-lg" placeholder="Email Address">
                    <button class="subscribe-btn">Subscribe</button>
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </div>
</footer>
<!-- /Footer -->

<!-- jQuery JS -->
<script src="js/jquery-1.11.1.js"></script>
  
<script type="text/javascript" src="js/jquery.media.js"></script>

<script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>

<!-- Modernizr JS --> 
<script src="js/modernizr-2.6.2.min.js"></script>

<!--Bootatrap JS-->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- REVOLUTION Slider  -->
<script type="text/javascript" src="vendor/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="vendor/rs-plugin/js/jquery.themepunch.revolution.js"></script>

<!-- Shuffle JS -->
<script src="js/jquery.shuffle.min.js"></script>

<!-- mmenu -->
<script type="text/javascript" src="vendor/mmenu/js/jquery.mmenu.min.js"></script>

<!-- Owl Carosel -->
<script src="vendor/owl/js/owl.carousel.min.js"></script>
<script src="js/wow.min.js"></script>

<!-- waypoints JS-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>

<!-- Counterup JS -->
<script src="js/jquery.counterup.min.js"></script>

<!-- Easing JS -->
<script src="js/jquery.easing.min.js"></script>

<!-- Smooth Scroll JS -->
<script src="js/scrolling-nav.js"></script>
<script src="js/smoothscroll.min.js"></script>

<!-- Custom Script JS -->
<script src="js/script.js"></script>

<!-- Email JS -->
<script src="js/email.js"></script>

<script type="text/javascript">  
    $(function() {  
        $('.pdf').media({width:450, height:350});
        setTimeout(function() {
          $('#mybtn').addClass('mybtn');
          $('#salebtn').addClass('salebtn');
        }, 1000);
    });  
    $('.btn-pdf').click(function(){
      $(".pdf").show();
    });
</script>


<script>
$(window).on('scroll', function(){
  if( $(window).scrollTop()>670 ){
    $('.navbar-default').addClass('navbar-fixed-top');
  } else {
    $('.navbar-default').removeClass('navbar-fixed-top');
  }
});
</script>



</body>
</html>
